<ion-header class="hide">

  <ion-navbar>
    <ion-title>{{dateRange?dateRange.from+'-'+dateRange.to:'请选择日期范围'}}</ion-title>
  </ion-navbar>

</ion-header>


<ion-content class="bgcolor_white">
  <div class="w12 datepicker-head">
    <ion-buttons left mode="ios">
      <button mode="ios" ion-button icon-only (click)="dismiss()">
        <ion-icon name="ios-arrow-back"></ion-icon>
      </button>
    </ion-buttons>
    <div *ngIf="!dateRange">
      请选择起止日期
    </div>
    <div *ngIf="dateRange">
      {{dateRange.from}}<span>~</span>{{dateRange.to}}
    </div>
  </div>
  <div class="datepicker-body">
    <ion-calendar [(ngModel)]="dateRange"
                  [options]="optionsRange"
                  type="string"
                  [format]="'YYYY-MM-DD'">
    </ion-calendar>
  </div>


</ion-content>
<ion-footer>
  <div class="footer_buttom">
    <button class="w06 font_size_large white_btn" ion-button (click)="dismiss(true)">清除</button>
    <button class="w06 font_size_large" ion-button (click)="submit()">确定</button>
  </div>
  <!--<div class="datepicker-footer">
    <button mode="ios" ion-button class="w06 font_size_large" (click)="dismiss(true)">清除</button>
    <button mode="ios" ion-button class="w06 font_size_large" (click)="submit()">确定</button>
  </div>-->
</ion-footer>
